<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="stylesheet" href="plugins/aui-20170109-v2/css/aui.css" type="text/css"/>
    <link rel="stylesheet" href="css/smallProgram-css.css" type="text/css" />
    <title>小程序</title>
</head>
<body>

<header class="aui-bar aui-bar-nav aui-bar-light">
    <a class="aui-pull-left aui-btn" href="friend.html">
        <span class="aui-iconfont aui-icon-left">朋友</span>
    </a>
    <div class="aui-title">小程序</div>
</header>

<div class="aui-searchbar" id="search">
    <div class="aui-searchbar-input aui-border-radius" tapmode onclick="doSearch()">
        <i class="aui-iconfont aui-icon-search"></i>
        <form action="javascript:search();">
            <input type="search" placeholder="搜索" id="search-input">
        </form>
    </div>
</div>
<div class="aui-card-list-content">
    <ul class="aui-list aui-media-list">
        <li class="aui-list-item aui-list-item-middle btn">
            <div class="aui-media-list-item-inner">
                <div class="aui-list-item-media">
                    <img src="img/smallProgram-img/xcx-01.jpg" class="aui-img-round aui-list-img-sm">
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">
                    ofo小黄车
                </div>
            </div>
        </li>
    </ul>
</div>

<div class="word">
    <div></div>
    <div>搜索更多服务</div>
    <div></div>
</div>

<div class="fixed box">
    <div class="fixed-bg-color">
        <div class="like">收藏</div>
        <div class="delete">删除</div>
    </div>
</div>

<div class="like-success">收藏成功</div>

<script type="text/javascript" src="jquery/jquery.min.js"></script>

<script>
    $(function () {

        $(".btn").click(function () {
            $(".box").show();
        });
        $(".box").click(function () {
            $(".box").hide();
        });
        $(".like").click(function () {
            $(".like-success").show().delay(500).fadeOut();
        });
        $(".delete").click(function () {
            $(".box").hide();
            $(".btn").hide();
        });
    });
</script>

</body>
</html>